<template>
	<view class="empower">
		<view class="empower-cont flex com-center">
			微信运动步数
			<span>2022.10.9</span>
		</view>
		<view class="empower-cont flex com-center">
			微信运动步数
			<span>2022.10.9</span>
		</view>
		<view class="empower-cont flex com-center">
			微信运动步数
			<span>2022.10.9</span>
		</view>
		<view class="record">
			<span class="gray"></span>
			仅展示过去七天的使用记录
			<span class="gray"></span>
		</view>
	</view>
</template>

<script>
</script>

<style scoped>
	.com-center {

		width: 90%;
		margin: 0 auto;
	}

	.flex {
		display: flex;
		justify-content: space-between;
	}

	.empower-cont {
		margin-top: 30rpx;
		font-size: 32rpx;
		line-height: 50rpx;
		border-bottom: #AFAFAF 1px solid;
	}

	.empower-cont span {
		margin-top: 30rpx;
		font-size: 25rpx
	}

	.record {
		font-size: 28rpx;
		color: black;
		text-align: center;
		margin-top: 40rpx;
	}

	.gray {
		height: 2rpx;
		width: 35rpx;
		background-color: #AFAFAF;
		display: inline-block;
		margin: 10rpx;
	}
</style>
